import Vue from 'vue'
import store from '@/store'
// 自定义图片加载失败的指令
Vue.directive('imgerror', {
  inserted(el, { value }) {
    /* console.log(el)
    console.log(value) */
    // 如果新用户没有头像 也加载为默认的图片
    if (!el.src) {
      el.src = value
    }
    // 等图片加载失败,再替换掉图片的src
    el.onerror = function() {
      el.src = value
    }
  },
  update(el, { value }) {
    if (!el.src) {
      el.src = value
    }
    // 等图片加载失败,再替换掉图片的src
    el.onerror = function() {
      el.src = value
    }
  }
})
// 自定义 按钮级别权限指令
Vue.directive('check', {
  inserted(el, { value }) {
    // console.log(value)
    const points = store.state.user.userInfo.roles?.points
    const has = points?.some(item => item.toLowerCase() === value.toLowerCase())
    if (!has) {
      el.remove()
    }
  }
})
